<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">

    <!-- <script src="js/flexible.js"></script> -->
    <!-- <script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script> -->
    <!-- <script src="http://www.w3cplus.com/sites/default/files/blogs/2016/1601/flexible.js"></script> -->
    <title>登陆</title>
</head>
<body>
    <!-- S 登陆头部 -->
    <header class="login-header">
        <h1 class="login-title">登陆</h1>
        <button class="btn register">注册</button>
        <button class="btn close">关闭</button>
    </header>
    <!-- E 登陆头部 -->
    <!-- S 登陆主体 -->
    <main class="login-main">
        <form action="" class="login-form">
            <div class="form-line">
                <i class="mobile"></i>
                <span class="splitor"></span>
                <input class="form-input" type="text" placeholder="请输入手机号">
            </div>
            <div class="form-line">
                <i class="pwd"></i>
                <span class="splitor"></span>
                <input class="form-input" type="password" placeholder="请输入密码">
            </div>
            <div class="form-line login-btn-line">
                <button class="btn login">登&nbsp;&nbsp;陆</button>
            </div>
            <div class="form-line forget-line">
                <a href="javascript:void(0);" class="forget-pwd">忘记密码?</a>
            </div>
        </form>
    </main>
    <!-- E 登陆主体 -->
</body>
</html>